<template>
    <div class="about-user">
      <mt-header fixed>
        <router-link to="/" slot="left">
    <mt-button icon="back">关于我们</mt-button>
  </router-link>
  <mt-button icon="more" slot="right"></mt-button>
      </mt-header>
      <div class="main-about">
        <!-- 标题 -->
       <h1 class="text-about">湖南家政平台</h1>
       <!-- 图片 -->
       <div class="img-about">
          <mapChart></mapChart>
         <!-- <img src="https://www.91jhjz.com/uploads/allimg/161121/1-161121144A70-L.jpg" alt=""> -->
       </div>
       <!-- 文章 -->
       <div class="aboutus-text">
         <p>湖南家政平台是由新湖南客户端、湖南征信公司、兴业银行长沙分行、中国人寿湖南分公司共同建设的一个集微信、H5手机端、电脑PC端、APP四网合一的人工智能家庭服务家政平台，帮助家服企业通过家政平台实现在线推广服务，在线签合同，子凹陷支付，家服人员档案管理、家服人员派单管理等服务，从而提高工作效率与服务质量的家政服务平台。</p>
       </div>
       <div class="footer-about">
         <div>联系电话：15236985241</div>
         <p>联系地址：湖南省长沙市天心区暮云工业园凯覆漫城烛照小区4栋1311房</p>
       </div>
      </div>
    </div>
</template>

<script>
import mapChart from '@/views/forMap'
export default {
  name: 'AboutUser',
  components: {
    mapChart
  },
  beforeCreate () {
    document.querySelector('body').setAttribute('style', 'margin: 0 auto; width: 100%; max-width: 750px;min-width: 300px; background:#fff; overflow-x: hidden;height: 100%;')
  }
}
</script>

<style lang="less" scoped>
/deep/.about-user{
  background-color: #fff !important;
  height: 100% !important;
}
 /deep/.mint-header,.is-fixed{
  height: 128px;
  background-color: #1196db;
 .mint-button-text{
    font-size: 32px;
    vertical-align: middle;
  }
  .mint-button-icon,.mintui{
    font-size: 40px;
  }
}
.main-about{
  background-color: #fff;
  margin-top: 128px;
  padding: 0px 30px;
  box-sizing: border-box;
  .text-about{
    height: 108px;
    font-size: 32px;
    text-align: center;
    line-height: 108px;
    margin: 0px;
  }
  .img-about{
    width: 688px;
    height: 326px;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.aboutus-text{
  width: 688px;
  height: 262px;
  font-size: 24px;
 p{
    display: inline-block;
    margin-top: 100px;
 }
}
/deep/.footer-about{
  display: inline-block;
  width: 674px;
 font-size: 24px;
 margin-top: 50px;
 height: 460px;
}
</style>
